.btn{display:inline-block;cursor:pointer;font:normal 400 20px/22px 'Knockout 49 A', 'Knockout 49 B', Helvetica, Arial, sans-serif;text-align:center;margin:0;}
.btn-square-center, .btn-rect{position:absolute;top:0;bottom:0;right:0;margin:auto;left:0;display:block;border-collapse:collapse;text-align:center;text-transform:uppercase;width:225px;height:105px;}
.btn-square-center span{position:relative;display:table-cell;top:0;left:0;width:100%;height:100%;vertical-align:middle;box-sizing:border-box;padding-top:32px;}
button.btn-square-center span{position:relative;display:inline;top:0;left:0;width:100%;height:100%;vertical-align:middle;}
.btn-square{width:94px;height:94px;}
.btn-square-center.cross{pointer-events:none;}
.btn-square-center.cross:after{position:absolute;bottom:-1px;left:1px;content:" ";height:3px;width:125px;background-color:#fff;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate3d(0, 0, 1, -45deg);-ms-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg);}
.btn-rect{display:inline-block;width:auto;height:auto;padding:13px 28px 13px 31px;}
.btn-rect.arrow span{padding-right:23px;background:transparent url(../imgs/icon-arrow-btn.png) no-repeat 123px 8px;background-size:6px auto;-webki-transition:background-position .26s ease-in-out;-ms-transition:background-position .26s ease-in-out;transition:background-position .26s ease-in-out;}
.btn-rect.arrow:hover span{background-position:129px 8px;}
.cursor-pointer{cursor:pointer;}
.btn-rect.watch-modality{display:inline-block;width:210px;height:54px;padding:13px 28px 13px 28px;border-color:#ffffff;color:#ffffff;}
.btn-rect.watch-modality .open-modality{position:absolute;right:14px;}
.btn-rect.watch-modality .button-text{margin-left:-40px;}
.btn-rect.watch-modality:hover{background-color:transparent;color:#ffffff;}
.btn-rect.watch-modality.rgt .bg{-webkit-transform:translate3d(0, -100%, 0) skewY(19deg);-ms-transform:translate3d(0, -100%, 0) skewY(19deg);transform:translate3d(0, -100%, 0) skewY(19deg);-webkit-animation:animBtnWatchModalityBgOutRgt .3s cubic-bezier(.92,.05,.95,.52) forwards;-ms-animation:animBtnWatchModalityBgOutRgt .3s cubic-bezier(.92,.05,.95,.52) forwards;animation:animBtnWatchModalityBgOutRgt .3s cubic-bezier(.92,.05,.95,.52) forwards;}
@-webkit-keyframes animBtnWatchModalityBgOutRgt{0%{-webkit-transform:translate3d(0, 0, 0) skewX(0deg);}
100%{-webkit-transform:translate3d(150%, 0, 0) skewX(-19deg);}
}
@-ms-keyframes animBtnWatchModalityBgOutRgt{0%{-ms-transform:translate3d(0, 0, 0) skewX(0);}
100%{-ms-transform:translate3d(150%, 0, 0) skewX(-19deg);}
}
@keyframes animBtnWatchModalityBgOutRgt{0%{transform:translate3d(0, 0, 0) skewX(0deg);}
100%{transform:translate3d(150%, 0, 0) skewX(-19deg);}
}
.mobile .btn-rect.watch-modality.rgt .bg, .mobile .btn-rect.watch-modality.lft .bg{display:none;}
.btn-rect.watch-modality.rgt.over .bg{-webkit-animation:animBtnWatchModalityBgRgt .4s cubic-bezier(.17,.86,.31,1) forwards;-ms-animation:animBtnWatchModalityBgRgt .4s cubic-bezier(.17,.86,.31,1) forwards;animation:animBtnWatchModalityBgRgt .4s cubic-bezier(.17,.86,.31,1) forwards;}
@-webkit-keyframes animBtnWatchModalityBgRgt{0%{-webkit-transform:translate3d(-100%, 0, 0) skewX(-19deg);}
100%{-webkit-transform:translate3d(0, 0, 0) skewX(0deg);}
}
@-ms-keyframes animBtnWatchModalityBgRgt{0%{-ms-transform:translate3d(-100%, 0, 0) skewX(-19deg);}
100%{-ms-transform:translate3d(0, 0, 0) skewX(0deg);}
}
@keyframes animBtnWatchModalityBgRgt{0%{transform:translate3d(-100%, 0, 0) skewX(-19deg);}
100%{transform:translate3d(0, 0, 0) skewX(0deg);}
}
.btn-rect.watch-modality .watch{position:absolute;left:0;top:0;width:100%;height:100%;content:" ";-webkit-transform:translate3d(0, -100%, 0);-ms-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);-webkit-animation:animBtnWatchModalityOut .3s cubic-bezier(.92,.05,.95,.52) forwards;-ms-animation:animBtnWatchModalityOut .3s cubic-bezier(.92,.05,.95,.52) forwards;animation:animBtnWatchModalityOut .3s cubic-bezier(.92,.05,.95,.52) forwards;}
@-webkit-keyframes animBtnWatchModalityOut{0%{-webkit-transform:translate3d(0, 0, 0);}
100%{-webkit-transform:translate3d(100%, 0, 0);}
}
@-ms-keyframes animBtnWatchModalityOut{0%{-ms-transform:translate3d(0, 0, 0);}
100%{-ms-transform:translate3d(100%, 0, 0);}
}
@keyframes animBtnWatchModalityOut{0%{transform:translate3d(0, 0, 0);}
100%{transform:translate3d(100%, 0, 0);}
}
.btn-rect.watch-modality.over .watch{-webkit-animation:animBtnWatchModality .25s ease-out .05s forwards;-ms-animation:animBtnWatchModality .25s ease-out .05s forwards;animation:animBtnWatchModality .25s ease-out .05s forwards;}
@-webkit-keyframes animBtnWatchModality{0%{-webkit-transform:translate3d(-100%, 0, 0);}
100%{-webkit-transform:translate3d(0, 0, 0);}
}
@-ms-keyframes animBtnWatchModality{0%{-ms-transform:translate3d(-100%, 0, 0);}
100%{-ms-transform:translate3d(0, 0, 0);}
}
@keyframes animBtnWatchModality{0%{transform:translate3d(-100%, 0, 0);}
100%{transform:translate3d(0, 0, 0);}
}
.btn-rect.watch-modality .container{display:block;position:absolute;z-index:10;top:0;left:0;height:48px;width:168px;overflow:hidden;-webkit-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);}
.btn-rect.watch-modality .bg{position:relative;display:table-cell;top:0px;left:0px;height:48px;width:168px;vertical-align:middle;background:#FFFFFF;}
.btn-rect.watch-modality.btn-arrow-svg svg{position:absolute;left:75px;top:8px;width:26px;height:auto;transform:rotateZ(-90deg);}
.btn-square-center, .btn-rect{border:3px solid #FFFFFF;color:#FFFFFF;}
.btn-arrow .bg{background:#FFFFFF;}
.btn-square-center.btn-blue, .btn-rect.btn-blue{border:3px solid #151a1f;color:#151a1f;}
.btn-arrow.btn-blue .bg{background:#151a1f;}
.btn-square-center.btn-gray, .btn-rect.btn-gray{border:3px solid #aeafb0;color:#aeafb0;}
.btn-arrow.btn-gray .bg{background:#aeafb0;}
.btn-square-center.btn-dbrown, .btn-rect.btn-dbrown{border:3px solid #52433a;color:#52433a;}
.btn-square-center.btn-lbrown, .btn-rect.btn-lbrown{border:3px solid #9D8679;color:#9D8679;}
.btn-x{display:block;width:64px;height:64px;overflow:hidden;text-indent:-5555px;cursor:pointer;-webkit-backface-visibility:hidden;-ms-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;}
.no-csstransforms3d .btn-x{text-indent:0;}
.btn-x.med{width:32px;height:32px;}
.btn-x::before,
.btn-x::after{display:block;width:100%;height:2px;position:absolute;left:0;top:50%;background:#fff;content:"";-webkit-transition:-webkit-transform .25s cubic-bezier(0.175, 0.885, 0.320, 1.275);-ms-transition:-ms-transform .15s ease-out;-moz-transition:-moz-transform .15s ease-out;transition:transform .25s cubic-bezier(0.175, 0.885, 0.320, 1.275);}
.btn-x::before{-webkit-transform:rotate3d(0, 0, 1, -45deg);-ms-transform:rotate3d(0, 0, 1, -45deg);-moz-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg);}
.btn-x::after{-webkit-transform:rotate3d(0, 0, 1, 45deg);-ms-transform:rotate3d(0, 0, 1, 45deg);-moz-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg);}
.btn-x:hover::before{-webkit-transform:rotate3d(0, 0, 1, 45deg);-ms-transform:rotate3d(0, 0, 1, 45deg);-moz-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg);}
.btn-x:hover::after{-webkit-transform:rotate3d(0, 0, 1, 135deg);-ms-transform:rotate3d(0, 0, 1, 135deg);-moz-transform:rotate3d(0, 0, 1, 135deg);transform:rotate3d(0, 0, 1, 135deg);}
.btn-x.btn-blue::before,
.btn-x.btn-blue::after{background:#151a1f;}
.btn-x.btn-dbrown::before,
.btn-x.btn-dbrown::after{background:#52433a;}
.btn-x.btn-lbrown::before,
.btn-x.btn-lbrown::after{background:#9D8679;}
.btn-arrow .container{display:block;position:absolute;z-index:10;top:-60px;left:60px;width:105px;height:225px;overflow:hidden;-webkit-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);}
.no-borderimage .btn-arrow .container{display:none;}
button.btn-arrow .container{top:-3px;left:-3px;}
.btn-arrow .bg{display:block;position:absolute;top:0;left:0;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-transform:translate3d(0, -100%, 0) skewY(-19deg);-ms-transform:translate3d(0, -100%, 0) skewY(-19deg);transform:translate3d(0, -100%, 0) skewY(-19deg);-webkit-animation:animBtnArrowBgOut .3s cubic-bezier(.92,.05,.95,.52) forwards;-ms-animation:animBtnArrowBgOut .3s cubic-bezier(.92,.05,.95,.52) forwards;animation:animBtnArrowBgOut .3s cubic-bezier(.92,.05,.95,.52) forwards;}
@-webkit-keyframes animBtnArrowBgOut{0%{-webkit-transform:translate3d(0, 0, 0) skewY(0deg);}
100%{-webkit-transform:translate3d(0, 150%, 0) skewY(-19deg);}
}
@-ms-keyframes animBtnArrowBgOut{0%{-ms-transform:translate3d(0, 0, 0) skewY(0);}
100%{-ms-transform:translate3d(0, 150%, 0) skewY(-19deg);}
}
@keyframes animBtnArrowBgOut{0%{transform:translate3d(0, 0, 0) skewY(0deg);}
100%{transform:translate3d(0, 150%, 0) skewY(-19deg);}
}
.btn-arrow.over .bg{height:102%;-webkit-animation:animBtnArrowBg .4s cubic-bezier(.17,.86,.31,1.05) forwards;-ms-animation:animBtnArrowBg .4s cubic-bezier(.17,.86,.31,1.05) forwards;animation:animBtnArrowBg .4s cubic-bezier(.17,.86,.31,1.05) forwards;}
@-webkit-keyframes animBtnArrowBg{0%{-webkit-transform:translate3d(0, -100%, 0) skewY(-19deg);}
100%{-webkit-transform:translate3d(0, -1px, 0) skewY(0deg);}
}
@-ms-keyframes animBtnArrowBg{0%{-ms-transform:translate3d(0, -100%, 0) skewY(-19deg);}
100%{-ms-transform:translate3d(0, -1px, 0) skewY(0deg);}
}
@keyframes animBtnArrowBg{0%{transform:translate3d(0, -100%, 0) skewY(-19deg);}
100%{transform:translate3d(0, -1px, 0) skewY(0deg);}
}
.btn-arrow.rgt .bg{-webkit-transform:translate3d(0, -100%, 0) skewY(19deg);-ms-transform:translate3d(0, -100%, 0) skewY(19deg);transform:translate3d(0, -100%, 0) skewY(19deg);-webkit-animation:animBtnArrowBgOutRgt .3s cubic-bezier(.92,.05,.95,.52) forwards;-ms-animation:animBtnArrowBgOutRgt .3s cubic-bezier(.92,.05,.95,.52) forwards;animation:animBtnArrowBgOutRgt .3s cubic-bezier(.92,.05,.95,.52) forwards;}
.mobile .btn-arrow.rgt .bg, .mobile .btn-arrow.lft .bg{display:none;}
@-webkit-keyframes animBtnArrowBgOutRgt{0%{-webkit-transform:translate3d(0, 0, 0) skewY(0deg);}
100%{-webkit-transform:translate3d(0, 150%, 0) skewY(19deg);}
}
@-ms-keyframes animBtnArrowBgOutRgt{0%{-ms-transform:translate3d(0, 0, 0) skewY(0);}
100%{-ms-transform:translate3d(0, 150%, 0) skewY(19deg);}
}
@keyframes animBtnArrowBgOutRgt{0%{transform:translate3d(0, 0, 0) skewY(0deg);}
100%{transform:translate3d(0, 150%, 0) skewY(19deg);}
}
.btn-arrow.rgt.over .bg{-webkit-animation:animBtnArrowBgRgt .4s cubic-bezier(.17,.86,.31,1.05) forwards;-ms-animation:animBtnArrowBgRgt .4s cubic-bezier(.17,.86,.31,1.05) forwards;animation:animBtnArrowBgRgt .4s cubic-bezier(.17,.86,.31,1.05) forwards;}
@-webkit-keyframes animBtnArrowBgRgt{0%{-webkit-transform:translate3d(0, -100%, 0) skewY(19deg);}
100%{-webkit-transform:translate3d(0, 0, 0) skewY(0deg);}
}
@-ms-keyframes animBtnArrowBgRgt{0%{-ms-transform:translate3d(0, -100%, 0) skewY(19deg);}
100%{-ms-transform:translate3d(0, 0x, 0) skewY(0deg);}
}
@keyframes animBtnArrowBgRgt{0%{transform:translate3d(0, -100%, 0) skewY(19deg);}
100%{transform:translate3d(0, 0, 0) skewY(0deg);}
}
.btn-arrow .arrow{position:absolute;left:0;top:0px;width:100%;height:100%;content:" ";-webkit-transform:translate3d(0, -100%, 0);-ms-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);-webkit-animation:animBtnArrowArrowOut .3s cubic-bezier(.92,.05,.95,.52) forwards;-ms-animation:animBtnArrowArrowOut .3s cubic-bezier(.92,.05,.95,.52) forwards;animation:animBtnArrowArrowOut .3s cubic-bezier(.92,.05,.95,.52) forwards;}
@-webkit-keyframes animBtnArrowArrowOut{0%{-webkit-transform:translate3d(0, 0, 0);}
100%{-webkit-transform:translate3d(0, 100%, 0);}
}
@-ms-keyframes animBtnArrowArrowOut{0%{-ms-transform:translate3d(0, 0, 0);}
100%{-ms-transform:translate3d(0, 100%, 0);}
}
@keyframes animBtnArrowArrowOut{0%{transform:translate3d(0, 0, 0);}
100%{transform:translate3d(0, 100%, 0);}
}
.btn-arrow.over .arrow{-webkit-animation:animBtnArrowArrow .25s ease-out .05s forwards;-ms-animation:animBtnArrowArrow .25s ease-out .05s forwards;animation:animBtnArrowArrow .25s ease-out .05s forwards;}
@-webkit-keyframes animBtnArrowArrow{0%{-webkit-transform:translate3d(0, -100%, 0);}
100%{-webkit-transform:translate3d(0, 0, 0);}
}
@-ms-keyframes animBtnArrowArrow{0%{-ms-transform:translate3d(0, -100%, 0);}
100%{-ms-transform:translate3d(0, 0, 0);}
}
@keyframes animBtnArrowArrow{0%{transform:translate3d(0, -100%, 0);}
100%{transform:translate3d(0, 0, 0);}
}
.btn-arrow.down .container{-webkit-transform:translateZ(0) rotate(0deg);-ms-transform:translateZ(0) rotate(0deg);transform:translateZ(0) rotate(0deg);}
.btn-arrow.lft .container{-webkit-transform:translateZ(0) rotate(90deg);-ms-transform:translateZ(0) rotate(90deg);transform:translateZ(0) rotate(90deg);}
.btn-arrow.top .container{-webkit-transform:translateZ(0) rotate(180deg);-ms-transform:translateZ(0) rotate(180deg);transform:translateZ(0) rotate(180deg);}
.btn-arrow.rgt .container{-webkit-transform:translateZ(0) rotate(-90deg);-ms-transform:translateZ(0) rotate(-90deg);transform:translateZ(0) rotate(-90deg);}
.btn-arrow.trgt .bg{display:block;position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-transform:translate3d(-50%,0,0) skewY(45deg);-ms-transform:translate3d(-50%,0,0) skewY(45deg);transform:translate3d(-50%,0,0) skewY(45deg);-webkit-animation:animBtnArrowTrgBgOut .3s cubic-bezier(.92,.05,.95,.52) forwards;-ms-animation:animBtnArrowTrgBgOut .3s cubic-bezier(.92,.05,.95,.52) forwards;animation:animBtnArrowTrgBgOut .3s cubic-bezier(.92,.05,.95,.52) forwards;}
@-webkit-keyframes animBtnArrowTrgBgOut{0%{-webkit-transform:translate3d(-50%,-100%,0) skewY(45deg);}
100%{-webkit-transform:translate3d(-50%,-200%,0) skewY(45deg);}
}
@-ms-keyframes animBtnArrowTrgBgOut{0%{-ms-transform:translate3d(-50%,-100%,0) skewY(45deg);}
100%{-ms-transform:translate3d(-50%,-200%,0) skewY(45deg);}
}
@keyframes animBtnArrowTrgBgOut{0%{transform:translate3d(-50%,-100%,0) skewY(45deg);}
100%{transform:translate3d(-50%,-200%,0) skewY(45deg);}
}
.btn-arrow.trgt.over .bg{-webkit-animation:animBtnArrowTrgtBg .4s cubic-bezier(.17,.86,.31,1.05) forwards;-ms-animation:animBtnArrowTrgtBg .4s cubic-bezier(.17,.86,.31,1.05) forwards;animation:animBtnArrowTrgtBg .4s cubic-bezier(.17,.86,.31,1.05) forwards;}
@-webkit-keyframes animBtnArrowTrgtBg{0%{-webkit-transform:translate3d(-50%, 0, 0) skewY(45deg);}
100%{-webkit-transform:translate3d(-50%,-100%,0) skewY(45deg);}
}
@-ms-keyframes animBtnArrowTrgtBg{0%{-ms-transform:translate3d(-50%, 0, 0) skewY(45deg);}
100%{-ms-transform:translate3d(-50%,-100%,0) skewY(45deg);}
}
@keyframes animBtnArrowTrgtBg{0%{transform:translate3d(-50%, 0, 0) skewY(45deg);}
100%{transform:translate3d(-50%,-100%,0) skewY(45deg);}
}
.btn-arrow.trgt .arrow{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:translate3d(-100%, 100%, 0);-ms-transform:translate3d(-100%, 100%, 0);transform:translate3d(-100%, 100%, 0);-webkit-animation:animBtnArrowTrgtArrowOut .3s cubic-bezier(.92,.05,.95,.52) forwards;-ms-animation:animBtnArrowTrgtArrowOut .3s cubic-bezier(.92,.05,.95,.52) forwards;animation:animBtnArrowTrgtArrowOut .3s cubic-bezier(.92,.05,.95,.52) forwards;}
@-webkit-keyframes animBtnArrowTrgtArrowOut{0%{-webkit-transform:translate3d(0, 0, 0);}
100%{-webkit-transform:translate3d(100%, -100%, 0);}
}
@-ms-keyframes animBtnArrowTrgtArrowOut{0%{-ms-transform:translate3d(0, 0, 0);}
100%{-ms-transform:translate3d(100%, -100%, 0);}
}
@keyframes animBtnArrowTrgtArrowOut{0%{transform:translate3d(0, 0, 0);}
100%{transform:translate3d(100%, -100%, 0);}
}
.btn-arrow.trgt.over .arrow{-webkit-animation:animBtnArrowTrgtArrow .25s ease-out .05s forwards;-ms-animation:animBtnArrowTrgtArrow .25s ease-out .05s forwards;animation:animBtnArrowTrgtArrow .25s ease-out .05s forwards;}
@-webkit-keyframes animBtnArrowTrgtArrow{0%{-webkit-transform:translate3d(-100%, 100%, 0);}
100%{-webkit-transform:translate3d(0, 0, 0);}
}
@-ms-keyframes animBtnArrowTrgtArrow{0%{-ms-transform:translate3d(-100%, 100%, 0);}
100%{-ms-transform:translate3d(0, 0, 0);}
}
@keyframes animBtnArrowTrgtArrow{0%{transform:translate3d(-100%, 100%, 0);}
100%{transform:translate3d(0, 0, 0);}
}
.btn-arrow .arrow{background:transparent url(http://phive.pt/public/imgs/icon-arrow-down-big-lbrown.svg) no-repeat center center;background-size:26px auto;}
.btn-arrow.arrow-blue .arrow{background:transparent url(http://phive.pt/public/imgs/icon-arrow-down-bigblue.svg) no-repeat center center;background-size:26px auto;}
.btn-arrow.arrow-yellow .arrow{background:transparent url(http://phive.pt/public/imgs/icon-arrow-down-bigyellow.svg) no-repeat center center;background-size:26px auto;}
.btn-arrow.arrow-purple .arrow{background:transparent url(http://phive.pt/public/imgs/icon-arrow-down-bigpurple.svg) no-repeat center center;background-size:26px auto;}
.btn-arrow.arrow-lbrown .arrow{background:transparent url(http://phive.pt/public/imgs/icon-arrow-down-big-lbrown.svg) no-repeat center center;background-size:26px auto;}
.btn-arrow.arrow-dbrown .arrow{background:transparent url(http://phive.pt/public/imgs/icon-arrow-down-big-dbrown.svg) no-repeat center center;background-size:26px auto;}
.btn-arrow.arrow-lblue .arrow{background:transparent url(http://phive.pt/public/imgs/icon-arrow-down-big-lblue.svg) no-repeat center center;background-size:26px auto;}
.btn-arrow.trgt .arrow{background:transparent url(http://phive.pt/public/imgs/icon-arrow-top-right.svg) no-repeat center center;background-size:26px auto;}
.btn-arrow.trgt.arrow-blue .arrow{background:transparent url(http://phive.pt/public/imgs/icon-arrow-top-right-blue.svg) no-repeat center center;background-size:26px auto;}
.btn-arrow.trgt.arrow-yellow .arrow{background:transparent url(http://phive.pt/public/imgs/icon-arrow-top-right-yellow.svg) no-repeat center center;background-size:26px auto;}
.btn-arrow.trgt.arrow-orange .arrow{background:transparent url(http://phive.pt/public/imgs/icon-arrow-top-right-orange.svg) no-repeat center center;background-size:26px auto;}
.btn-arrow.trgt.arrow-lbrown .arrow{background:transparent url(http://phive.pt/public/imgs/icon-arrow-top-right-lbrown.svg) no-repeat center center;background-size:26px auto;}
.btn-arrow.trgt.arrow-dbrown .arrow{background:transparent url(http://phive.pt/public/imgs/icon-arrow-top-right-dbrown.svg) no-repeat center center;background-size:26px auto;}
.btn-arrow.btn-arrow-svg .arrow{}
.btn-arrow.btn-arrow-svg.rgt .arrow svg{}
.btn-arrow.btn-arrow-svg svg{position:absolute;left:33px;top:30px;width:26px;height:auto;}
.ie .btn-arrow.btn-arrow-svg svg{display:none;}
.mobile .btn-arrow.over .bg,
.mobile .btn-arrow.over .arrow,
.mobile .btn-arrow.trgt.over .bg,
.mobile .btn-arrow.trgt.over .arrow{-webkit-animation:none;-ms-animation:none;animation:none;}
.mobile .btn .container,
.mobile .btn-arrow .container{display:none;}
#arrow-halfdown-svg{width:43px;height:25px;}
#arrow-halfdown-svg path,
.arrow-half-small-svg{fill:#fff;}
#arrow-halfdown-svg text{visibility:hidden;width:1px;height:1px;}
.btn-arrow-half{display:block;}
.btn .btn-arrow-half.down{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:-webkit-transform .25s cubic-bezier(0.175, 0.885, 0.320, 1.275);-ms-transition:-ms-transform .25s ease-out;-moz-transition:-moz-transform .25s ease-out;transition:transform .25s cubic-bezier(0.175, 0.885, 0.320, 1.275);}
.btn:hover .btn-arrow-half.down{-webkit-transform:translate3d(0,10px,0);-ms-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0);}
.arrow-half-small-svg{width:25px;height:17px;margin-top:5px;margin-left:-2px;}
.arrow-gyms{position:absolute;left:50%;display:block;width:130px;height:78px;margin-top:26px;overflow:hidden;-webkit-transform:translate3d(-50%, 0, 0);-moz-transform:translate3d(-50%, 0, 0);-ms-transform:translate3d(-50%, 0, 0);transform:translate3d(-50%, 0, 0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;}
.mobile .arrow-gyms{display:none;}
.arrow-gyms svg{position:absolute;display:block;width:16px;height:26px;top:39px;margin-top:-14px;}
.arrow-gyms.left svg{-webkit-animation:animArrowLeftGymOut .2s cubic-bezier(.92,.05,.95,.52) forwards;-moz-animation:animArrowLeftGymOut .2s cubic-bezier(.92,.05,.95,.52) forwards;-ms-animation:animArrowLeftGymOut .2s cubic-bezier(.92,.05,.95,.52) forwards;animation:animArrowLeftGymOut .2s cubic-bezier(.92,.05,.95,.52) forwards;}
@-webkit-keyframes animArrowLeftGymOut{0%{-webkit-transform:translate3d(57px, 0, 0);}
100%{-webkit-transform:translate3d(-114px, 0, 0);}
}
@-moz-keyframes animArrowLeftGymOut{0%{-moz-transform:translate3d(57px, 0, 0);}
100%{-moz-transform:translate3d(-114px, 0, 0);}
}
@-ms-keyframes animArrowLeftGymOut{0%{-ms-transform:translate3d(57px, 0, 0);}
100%{-ms-transform:translate3d(-114px, 0, 0);}
}
@keyframes animArrowLeftGymOut{0%{transform:translate3d(57px, 0, 0);}
100%{transform:translate3d(-114px, 0, 0);}
}
.arrow-gyms.left.anim-arrow svg{-webkit-animation:animArrowLeftGym .4s cubic-bezier(.17,.86,.31,1.05) forwards;-moz-animation:animArrowLeftGym .4s cubic-bezier(.17,.86,.31,1.05) forwards;-ms-animation:animArrowLeftGym .4s cubic-bezier(.17,.86,.31,1.05) forwards;animation:animArrowLeftGym .4s cubic-bezier(.17,.86,.31,1.05) forwards;}
@-webkit-keyframes animArrowLeftGym{0%{-webkit-transform:translate3d(114px, 0, 0);}
100%{-webkit-transform:translate3d(57px, 0, 0);}
}
@-moz-keyframes animArrowLeftGym{0%{-moz-transform:translate3d(114px, 0, 0);}
100%{-moz-transform:translate3d(57px, 0, 0);}
}
@-ms-keyframes animArrowLeftGym{0%{-ms-transform:translate3d(114px, 0, 0);}
100%{-ms-transform:translate3d(57px, 0, 0);}
}
@keyframes animArrowLeftGym{0%{transform:translate3d(114px, 0, 0);}
100%{transform:translate3d(57px, 0, 0);}
}
.arrow-gyms.right svg{-webkit-animation:animArrowRightGymOut .2s cubic-bezier(.92,.05,.95,.52) forwards;-moz-animation:animArrowRightGymOut .2s cubic-bezier(.92,.05,.95,.52) forwards;-ms-animation:animArrowRightGymOut .2s cubic-bezier(.92,.05,.95,.52) forwards;animation:animArrowRightGymOut .2s cubic-bezier(.92,.05,.95,.52) forwards;}
@-webkit-keyframes animArrowRightGymOut{0%{-webkit-transform:translate3d(57px, 0, 0);}
100%{-webkit-transform:translate3d(171px, 0, 0);}
}
@-moz-keyframes animArrowRightGymOut{0%{-moz-transform:translate3d(57px, 0, 0);}
100%{-moz-transform:translate3d(171px, 0, 0);}
}
@-ms-keyframes animArrowRightGymOut{0%{-ms-transform:translate3d(57px, 0, 0);}
100%{-ms-transform:translate3d(171px, 0, 0);}
}
@keyframes animArrowRightGymOut{0%{transform:translate3d(57px, 0, 0);}
100%{transform:translate3d(171px, 0, 0);}
}
.arrow-gyms.right.anim-arrow svg{-webkit-animation:animArrowRightGym .4s cubic-bezier(.17,.86,.31,1.05) forwards;-moz-animation:animArrowRightGym .4s cubic-bezier(.17,.86,.31,1.05) forwards;-ms-animation:animArrowRightGym .4s cubic-bezier(.17,.86,.31,1.05) forwards;animation:animArrowRightGym .4s cubic-bezier(.17,.86,.31,1.05) forwards;}
@-webkit-keyframes animArrowRightGym{0%{-webkit-transform:translate3d(-171px, 0, 0);}
100%{-webkit-transform:translate3d(57px, 0, 0);}
}
@-moz-keyframes animArrowRightGym{0%{-moz-transform:translate3d(-171px, 0, 0);}
100%{-moz-transform:translate3d(57px, 0, 0);}
}
@-ms-keyframes animArrowRightGym{0%{-ms-transform:translate3d(-171px, 0, 0);}
100%{-ms-transform:translate3d(57px, 0, 0);}
}
@keyframes animArrowRightGym{0%{transform:translate3d(-171px, 0, 0);}
100%{transform:translate3d(57px, 0, 0);}
}
@media screen and (max-width:1023px){.arrow-gyms{display:none;}
}
.btn-arrow .subscribe{position:absolute;left:0;top:0;width:100%;height:100%;content:" ";-webkit-transform:translate3d(0, -100%, 0);-ms-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);-webkit-animation:animBtnArrowArrowOut .3s cubic-bezier(.92,.05,.95,.52) forwards;-ms-animation:animBtnArrowArrowOut .3s cubic-bezier(.92,.05,.95,.52) forwards;animation:animBtnArrowArrowOut .3s cubic-bezier(.92,.05,.95,.52) forwards;}
.btn-arrow.over .subscribe{-webkit-animation:animBtnArrowArrow .25s ease-out .05s forwards;-ms-animation:animBtnArrowArrow .25s ease-out .05s forwards;animation:animBtnArrowArrow .25s ease-out .05s forwards;}
.btn-arrow .join{position:absolute;left:0;top:0;width:100%;height:100%;content:" ";-webkit-transform:translate3d(0, -100%, 0);-ms-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);-webkit-animation:animBtnArrowArrowOut .3s cubic-bezier(.92,.05,.95,.52) forwards;-ms-animation:animBtnArrowArrowOut .3s cubic-bezier(.92,.05,.95,.52) forwards;animation:animBtnArrowArrowOut .3s cubic-bezier(.92,.05,.95,.52) forwards;}
.btn-arrow.over .join{-webkit-animation:animBtnArrowArrow .25s ease-out .05s forwards;-ms-animation:animBtnArrowArrow .25s ease-out .05s forwards;animation:animBtnArrowArrow .25s ease-out .05s forwards;}
.btn-arrow .join{background:transparent url(http://phive.pt/public/imgs/icon-btn-join.svg) no-repeat center center;background-size:26px auto;}
.btn-arrow .subscribe{background:transparent url(http://phive.pt/public/imgs/icon-btn-subscribe.svg) no-repeat center center;background-size:26px auto;}
.btn-arrow.join-blue .join{background:transparent url(http://phive.pt/public/imgs/icon-btn-join-blue.svg) no-repeat center center;background-size:26px auto;}
.btn-arrow.join-yellow .join{background:transparent url(http://phive.pt/public/imgs/icon-btn-join-yellow.svg) no-repeat center center;background-size:26px auto;}
.btn-arrow.join-purple .join{background:transparent url(http://phive.pt/public/imgs/icon-btn-join-purple.svg) no-repeat center center;background-size:26px auto;}
.btn-arrow.subscribe-blue .subscribe{background:transparent url(http://phive.pt/public/imgs/icon-btn-subscribe-blue.svg) no-repeat center center;background-size:26px auto;}
.btn-arrow.subscribe-yellow .subscribe{background:transparent url(http://phive.pt/public/imgs/icon-btn-subscribe-yellow.svg) no-repeat center center;background-size:26px auto;}
.btn-arrow.subscribe-purple .subscribe{background:transparent url(http://phive.pt/public/imgs/icon-btn-subscribe-purple.svg) no-repeat center center;background-size:26px auto;}
.btn-submit-anim{border-radius:0;}
.btn-submit-anim.loading{cursor:default;}
.btn-submit-anim.go{border-color:rgba(255,255,255,.1);border-radius:50%;-webkit-transition:all .2s ease;-ms-transition:all .2s ease;transition:all .2s ease;}
.btn-submit-anim.go-reset{border-color:rgba(255,255,255,1);-webkit-animation:animFormReset .1s ease-out forwards .3s;animation:animFormReset .1s ease-out forwards .3s;}
@-webkit-keyframes animFormReset{0%{border-radius:50%;}
100%{border-radius:0;}
}
@keyframes animFormReset{0%{border-radius:50%;}
100%{border-radius:0;}
}
.btn-submit-anim.go .msg{opacity:0;-webkit-transition:opacity .1s ease-out;-ms-transition:opacity .1s ease-out;transition:opacity .1s ease-out;}
.btn-submit-anim.go-reset .msg{opacity:1;-webkit-transition:opacity .1s ease-out .3s;-ms-transition:opacity .1s ease-out .3s;transition:opacity .1s ease-out .3s;}
.svg-progress{opacity:1;position:absolute;left:-1px;top:-1px;width:90px;height:90px;-webkit-transform:scale(1.03);transform:scale(1.03);}
.go-ok .svg-progress{opacity:1;-webkit-transition:opacity .15s cubic-bezier(.5,.02,.18,.98);transition:opacity .15s cubic-bezier(.5,.02,.18,.98);}
.svg-progress-path{opacity:0;stroke-dasharray:279;stroke-dashoffset:839;}
.btn-submit-anim.loading.go .svg-progress-path{opacity:0;stroke-dasharray:279;stroke-dashoffset:279;-webkit-animation:animSVGprogress 2.3s cubic-bezier(.5,.02,.18,.98) .3s forwards;animation:animSVGprogress 2.3s cubic-bezier(.5,.02,.18,.98) .3s forwards;}
@-webkit-keyframes animSVGprogress{0%{stroke-dashoffset:279;opacity:1;}
20%{stroke-dashoffset:300;opacity:1;}
40%{stroke-dashoffset:350;}
65%{stroke-dashoffset:490;}
100%{stroke-dashoffset:559;opacity:1;}
}
@keyframes animSVGprogress{0%{stroke-dashoffset:279;opacity:1;}
20%{stroke-dashoffset:300;opacity:1;}
40%{stroke-dashoffset:350;}
65%{stroke-dashoffset:490;}
100%{stroke-dashoffset:559;opacity:1;}
}
.go-ok.go-reset .svg-progress,
.go-error.go-reset .svg-progress{opacity:0;-webkit-transition:opacity .15s cubic-bezier(.5,.02,.18,.98);transition:opacity .15s cubic-bezier(.5,.02,.18,.98);}
.svg-success{opacity:0;position:absolute;left:14px;top:23px;width:60px;height:60px;stroke-dasharray:148;stroke-dashoffset:170;}
.go-ok .svg-success{opacity:1;-webkit-animation:animSVGformSentOK .2s cubic-bezier(.5,.02,.18,.98) forwards;-ms-animation:animSVGformSentOK .2s cubic-bezier(.5,.02,.18,.98) forwards;animation:animSVGformSentOK .2s cubic-bezier(.5,.02,.18,.98) forwards;}
@-webkit-keyframes animSVGformSentOK{0%{stroke-dashoffset:170;}
100%{stroke-dashoffset:299;}
}
@-ms-keyframes animSVGformSentOK{0%{stroke-dashoffset:170;}
100%{stroke-dashoffset:299;}
}
@keyframes animSVGformSentOK{0%{stroke-dashoffset:170;}
100%{stroke-dashoffset:299;}
}
.go-reset .svg-success{opacity:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:all .2s cubic-bezier(0.175, 0.885, 0.320, 1.275);-ms-transition:all .2s cubic-bezier(0.175, 0.885, 0.320, 1.275);transition:all .2s cubic-bezier(0.175, 0.885, 0.320, 1.275);}
form#form-home .input-border.erro{border-bottom:3px solid #d51d37;}
form#form-home .input-border.erro:before, #form-home .input-border.erro:after{background:#d51d37;}
form#form-home .input-border.erro{color:#d51d37;}
form.inscricoes-form input.erro, form.inscricoes-form input.select.erro{border-left:8px solid #d51d37;}
.svg-fail{opacity:0;position:absolute;left:14px;top:12px;width:60px;height:60px;}
.go-error .svg-progress{opacity:1;-webkit-transition:opacity .15s cubic-bezier(.5,.02,.18,.98);transition:opacity .15s cubic-bezier(.5,.02,.18,.98);}
.go-error .svg-fail{opacity:1;-webkit-transition:opacity .2s cubic-bezier(.5,.02,.18,.98) forwards;-ms-transition:opacity .2s cubic-bezier(.5,.02,.18,.98) forwards;transition:opacity .2s cubic-bezier(.5,.02,.18,.98) forwards;}
.go-reset .svg-fail{opacity:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:all .2s cubic-bezier(0.175, 0.885, 0.320, 1.275);-ms-transition:all .2s cubic-bezier(0.175, 0.885, 0.320, 1.275);transition:all .2s cubic-bezier(0.175, 0.885, 0.320, 1.275);}
.btn-submit-anim.loading.go.pause .svg-progress-path{-webkit-animation-play-state:paused;animation-play-state:paused;}